<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>无限海航3G</title>
	<link rel="stylesheet" type="text/css" href="css/base.css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
	<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="js/global.js"></script>
</head>
<body>
	<div id="wraper">
		<div id="header">
			<div id="logo"><img src="images/global/logo.png" alt="" /></div>
			<h1 id="title">无限海航3G</h1>
		</div>
		<div id="nav">
			<ul id="navt">
				<li><a href=""><img src="images/nav/ico-nav-01-w.png" alt="" /></a></li>
				<li><a href="" ><img src="images/nav/ico-nav-02-w.png" alt="" /></a></li>
				<li><a href=""><img src="images/nav/ico-nav-11-w.png" alt="" /></a></li>
				<!--<li><a href=""><img src="images/nav/ico-nav-04-w.png" alt="" /></a></li>
				<li><a href=""><img src="images/nav/ico-nav-05-w.png" alt="" /></a></li>
				<li><a href=""><img src="images/nav/ico-nav-06-w.png" alt="" /></a></li>-->
			</ul>
			<ul id="navb">
				<li class="navb-msg"><a href="" class="active"><img src="images/nav/ico-nav-07.png" alt="" /><span class="navb-msg-num">(5)</span></a></li>
				<li><a href=""><img src="images/nav/ico-nav-08.png" alt="" /></a></li>
				<li><a href=""><img src="images/nav/ico-nav-09.png" alt="" /></a></li>
				<li><a href=""><img src="images/nav/ico-nav-10.png" alt="" /></a></li>
			</ul>
		</div>
		<div id="info">
			<div class="info-head">
				<h2 class="info-title">消 息</h2>
				<a href="" class="btn-msg-edit">编辑</a>
				<a href="" class="btn-msg-write">编写</a>
			</div>
			<ul class="info-ul info-ul-msg">
				<li class="info-li">
					<a href="" class="info-a">
						<table class="info-table">
							<tr>
								<td class="flag"></td>
								<td class="detail">
									<span class="name">刘雁辉</span><br ><span class="date">2011-10-12</span>
								</td>
								<td class="mark">
									<img src="images/msg/ico-read.png" alt=""/>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="notice"></td>
							</tr>
						</table>
					</a>
				</li>
				<li class="info-li">
					<a href="" class="info-a info-a-active">
						<table class="info-table">
							<tr>
								<td class="flag"></td>
								<td class="detail">
									<span class="name">李晓斐</span><br ><span class="date">2011-10-12</span>
								</td>
								<td class="mark">
									<img src="images/msg/ico-read.png" alt=""/>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="notice">开会收到了吗···</td>
							</tr>
						</table>
					</a>
				</li>
				<li class="info-li">
					<a href="" class="info-a">
						<table class="info-table">
							<tr>
								<td class="flag"><span class="num">12</span></td>
								<td class="detail">
									<span class="name">韩鹏</span><br ><span class="date">2011-10-10</span>
								</td>
								<td class="mark">
									<img src="images/msg/ico-unread.png" alt=""/>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="notice">航班延误···</td>
							</tr>
						</table>
					</a>
				</li>
				
				<li class="info-li">
					<a href="" class="info-a">
						<table class="info-table">
							<tr>
								<td class="flag"><span class="num">1</span></td>
								<td class="detail">
									<span class="name">金星辉</span><br ><span class="date">2011-10-10</span>
								</td>
								<td class="mark">
									<img src="images/msg/ico-unread.png" alt=""/>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="notice">航班上有残疾人···</td>
							</tr>
						</table>
					</a>
				</li>
				
				<li class="info-li">
					<a href="" class="info-a">
						<table class="info-table">
							<tr>
								<td class="flag"><span class="num">4</span></td>
								<td class="detail">
									<span class="name">章晓</span><br ><span class="date">2011-10-10</span>
								</td>
								<td class="mark">
									<img src="images/msg/ico-unread.png" alt=""/>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="notice">开会顺利吗···</td>
							</tr>
						</table>
					</a>
				</li>
				
				<li class="info-li">
					<a href="" class="info-a">
						<table class="info-table">
							<tr>
								<td class="flag"><span class="num num-normal">1</span></td>
								<td class="detail">
									<span class="name">熊丹</span><br ><span class="date">2011-10-10</span>
								</td>
								<td class="mark">
									<img src="images/msg/ico-unread.png" alt=""/>
								</td>
							</tr>
							<tr>
								<td colspan="3" class="notice">会上什么内容···</td>
							</tr>
						</table>
					</a>
				</li>
			</ul>
			<div class="msg-filter">
				<ul>
					<li><a href="" class="active">所 有</a></li>
					<li><a href=""><span class="num">2</span>重要需回复</a></li>
					<li><a href=""><span class="num">14</span>重要只读</a></li>
					<li><a href="" class="read"><span class="num">30</span>普 通</a></li>
				</ul>
			</div>
		</div>
		<div id="main">
			<div id="main-head">
				<h2 class="main-title">李晓裴</h2>
				<a href="" class="btn-msg-info">信息</a>
				<a href="" class="btn-msg-edit">编辑</a>
			</div>
			<div id="cont" class="cont-msg">
				<ul class="cus-ul">
					<li class="cus-li">
						<div class="cus-summary">
							<table class="cus-summary-table">
								<tr>
									<td class="msgcont"><img src="images/msg/spot-red.png" alt=""/>今天刮台风</td>
									<td class="mark">已读</td>
									<td class="flag"><img src="images/msg/msg-read.png" alt="" /></td>
									<td class="time">2011-10-12 11:26</td>
								</tr>
							</table>
						</div>
						<div class="cus-detail">
							<table class="cus-detail-table">
								<tr>
									<td>
										<div class="msg">
											<div class="msg-list">
												<ul class="msg-ul">
													<li class="msg-li">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c">该航班有重点旅客<a href="" class="remsg">（回复）</a></div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
														<div class="msg-box-time">2011-10-12 11:18</div>
													</li>
													<li class="msg-li msg-li-from">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c">该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
														<div class="msg-box-time">2011-10-12 11:18</div>
													</li>
												</ul>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</div>
					</li>
					<li class="cus-li">
						<div class="cus-summary">
							<table class="cus-summary-table">
								<tr>
									<td class="msgcont"><img src="images/msg/spot-red.png" alt=""/>今天刮台风</td>
									<td class="mark">未回</td>
									<td class="flag"><img src="images/msg/msg-unre.png" alt="" /></td>
									<td class="time">2011-10-12 11:26</td>
								</tr>
							</table>
						</div>
						<div class="cus-detail">
							<table class="cus-detail-table">
								<tr>
									<td>
										<div class="msg">
											<div class="msg-list">
												<ul class="msg-ul">
													<li class="msg-li">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c"><img src="images/msg/spot-red.png" alt=""/>该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
													</li>
													<li class="msg-li msg-li-from">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c"><img src="images/msg/spot-red.png" alt=""/>该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
													</li>
												</ul>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</div>
					</li>
					<li class="cus-li">
						<div class="cus-summary">
							<table class="cus-summary-table">
								<tr>
									<td class="msgcont"><img src="images/msg/spot-green.png" alt=""/>今天刮台风</td>
									<td class="mark">未读</td>
									<td class="flag"><img src="images/msg/msg-unread.png" alt="" /></td>
									<td class="time">2011-10-12 11:26</td>
								</tr>
							</table>
						</div>
						<div class="cus-detail">
							<table class="cus-detail-table">
								<tr>
									<td>
										<div class="msg">
											<div class="msg-list">
												<ul class="msg-ul">
													<li class="msg-li">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c"><img src="images/msg/spot-red.png" alt=""/>该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
													</li>
													<li class="msg-li msg-li-from">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c"><img src="images/msg/spot-red.png" alt=""/>该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
													</li>
												</ul>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</div>
					<li class="cus-li">
						<div class="cus-summary">
							<table class="cus-summary-table">
								<tr>
									<td class="msgcont"><img src="images/msg/spot-gray.png" alt=""/>今天刮台风</td>
									<td class="mark">已回</td>
									<td class="flag"><img src="images/msg/msg-re.png" alt="" /></td>
									<td class="time">2011-10-12 11:26</td>
								</tr>
							</table>
						</div>
						<div class="cus-detail">
							<table class="cus-detail-table">
								<tr>
									<td>
										<div class="msg">
											<div class="msg-list">
												<ul class="msg-ul">
													<li class="msg-li">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c"><img src="images/msg/spot-red.png" alt=""/>该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
													</li>
													<li class="msg-li msg-li-from">
														<div class="msg-box-t-l"><div class="msg-box-t-r"><div class="msg-box-t-c"></div></div></div>
														<div class="msg-box-m-l"><div class="msg-box-m-r"><div class="msg-box-m-c"><img src="images/msg/spot-red.png" alt=""/>该航班有重点旅客</div></div></div>
														<div class="msg-box-b-l"><div class="msg-box-b-r"><div class="msg-box-b-c"></div></div></div>
													</li>
												</ul>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</div>
					</li>
				</ul>
				<div class="msgb">
					<a href="" class="msgb-seltem">模板</a>
					<a href="" class="msgb-submit">发送</a>
					<textarea name="" id="" class="msgb-edit"></textarea>
					<div class="msgb-tem">
						<div class="msgb-tem-t">
							<ul>
								<li><a href="" class="msgb-tem-item">该航班延误，请保障</a></li>
								<li><a href="" class="msgb-tem-item">该航班有重点旅客，请保障</a></li>
								<li class="last"><a href="" class="msgb-tem-item">该航班有残疾，请保障</a></li>
							</ul>
						</div>
						<div class="msgb-tem-b">
							<ul>
								<li><a href="" class="add">添加</a></li>
								<li><a href="" class="del">删除</a></li>
								<li><a href="" class="sav">保存</a></li>
								<li><a href="" class="ok">OK</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="main-sider"></div>
		<div id="footer">
			<div id="user"><a href="">熊丹</a></div>
			<div id="notice">
				<ul>
				    <li><span>日期:2011/09/20</span></li>
					<li><span>航班号:HU7015</span></li>
					
					<li><span>航段:海口/深圳</span></li>
					<li><span>计划起飞:22:30</span></li>
					<li><span>计划到达:24:00</span></li>
					<li><span>状态:ATA</span></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>